.file-container {
    width: 100%; 
    height: 100%;
}

.files {
    padding: 0;
    margin: 0;
}

.file {
    padding: 2px;
    margin: 2px;
    width: 120px;
    display: inline-block;
  
    text-align: center;
    vertical-align: top;
    overflow: hidden;

    border: 1px solid transparent;
}

.file.focus {
    border: 1px solid rgb(92, 162, 231);
    background-color:rgb(177, 213, 248);
    -webkit-border-radius: 4px;
}

.file .name {
    width: 100%;
    word-wrap: break-word;
}

.file.focus .name {
}

.file .icon {
    margin: auto;
    margin-top: 0;
    width: 92%;
    -webkit-user-select: none; 
}

.file.focus .icon {
    -webkit-filter: invert(20%);
}

.error{
    padding: 10px;
    font-size: 16px;
    line-height: 2em;

    .errorText {
        color:rgb(255, 72, 0);
        font-weight: bold;
    }
}